﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS相册</title>
<style>
ul {
	margin:0 auto;
	width:900px;
	height:560px;
	background:#333;
	overflow:hidden;
	list-style-type:none;
}

ul li {
	width:900px;
	height:560px;
}

ul li img {
	padding-top:30px;
	padding-left:50px;
	width:800px;
	height:500px;
}

p {
	text-align:center;
	padding-top:10px;
}

p img {
	border:1px solid black;
	height:50px;
	width:80px;
}

</style>
</head>

<body>
	<ul>
		<li><a  name="pics1"><img src="images/001.jpg" alt="美女1" /></a></li>
		<li><a  name="pics2"><img src="images/002.jpg" alt="美女2" /></a></li>
		<li><a  name="pics3"><img src="images/003.jpg" alt="美女3" /></a></li>
	</ul>
	
	<p>
		<a href="#pics1"><img src="images/001.jpg" alt="美女1"></a>
		<a href="#pics2"><img src="images/002.jpg" alt="美女2"></a>
		<a href="#pics3"><img src="images/003.jpg" alt="美女3"></a>
	</p>
</body>
</html>
